<section>
  <fui-table [fuiTableFlex]="[1,1,2]" [loading]="loading">
    <fui-table-head [sortMode]="sortMode" (sortChange)="sortChange($event)">
      <fui-table-head-cell sortKey="name" sortOrder="desc">
        Name
      </fui-table-head-cell>
      <fui-table-head-cell sortKey="sex">Sex</fui-table-head-cell>
      <div>Age</div>
    </fui-table-head>
    <fui-table-row *ngFor="let datum of tableData">
      <div>{{datum.name}}</div>
      <div>{{datum.sex}}</div>
      <div>{{datum.age}}</div>
    </fui-table-row>
  </fui-table>
  <button fuiBtn="primary" (click)="toggleSortMode()">Sort mode: {{sortMode}}</button>
</section>
